<template>
  <div style="width:100%">
    <template>
      <Card style="width:100%">
        <template #title>
          {{title}}
        </template>
        <template #extra>
          <a href="#" @click.prevent="lReload()">
            <Icon type="md-refresh" />
          </a>
        </template>
        <template>
          <slot name="head"></slot>
        </template>
        <!-- <Divider style="margin-top:0px;" /> -->
        <slot name="body"></slot>
      </Card>
    </template>
    <!-- <template>
      <Card style="width:100%;margin-top: 5px;">
        <slot name="body"></slot>
      </Card>
    </template> -->
  </div>
</template>

<script>
export default {
  name: 'medical-card',
  props: {
    title: String
  },
  components: {
  },
  data () {
    return {
    }
  },
  computed: {
  },
  methods: {
    lReload () {
      location.reload()
    }
  },
  watch: {
  },
  mounted () {
  }
}
</script>
<style scoped>
.headFormItemWidth{
  width: 200px;
}
.headFormItemButton{
  margin-right: 10px;
}
</style>
